<template>
  <div class="pho-form-divider" :style="newStyle">
    <van-divider v-bind="$attrs" :content-position="contentPosition">
      <i :class="icon" v-if="icon" />
      {{value}}
    </van-divider>
  </div>
</template>

<script>
import { comMixin } from "../../../utils/comMixins";
export default {
  mixins: [comMixin],
  name: "phone-form-divider",
  props: {
    value: {
      type: [String, Number],
      default: "",
    },
    contentPosition: {
      type: String,
      default: "",
    },
    icon: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" >
.pho-form-divider {
  border-color: #ebedf0;
  padding: 0;
  .van-divider {
    border-color: inherit;
    margin: 0;
  }
}
</style>
